html,body{
   position:relative; width: 100%;height:600px;margin:0% auto;
}

   .clubHead{
       position: absolute;
        background-color: #0080FF;
        width: 100%;
        height: 65px;
        z-index: 999;
        overflow:hidden;
        min-width:1350px;
        box-shadow: 2px 2px 10px #333333; 
        border: 0px;
    
    }
    .headBox{
        position: absolute;
        background-color: #0080FF;
        width: 100%;
        height: 65px;
        z-index: 999;
        overflow:hidden;
        min-width:1350px;
        box-shadow: 2px 2px 10px #333333; 

    }
   .titlePic{
        
        position: relative;
        top: 12px;
        width: 40px;
        height: 40px;
        
    }
    .title{
        position:relative;
        margin:0px auto;
        font-family: "微软雅黑";
        font-size: 20px;
        width: 350px;
        height: 65px;
        color: white;
    }
    .main{
        width:1280px;height:800px;position: relative;margin: 0 auto;
    }
    .clubLeft{
       position:absolute;
        float: none;
         width: 200px;
        height: 655px;
        background-color: #97CBFF;
        top: 20px;
       box-shadow: 1px 1px 7px #333333; 
        overflow: hidden;
          z-index: 3;
          border: 0px;

    }
      .shadow{
      position:absolute;
         background-color: white;
         top: 67px;
         left: 200px;
         width: 330px;
         height: 93px;
           box-shadow: 1px 1px 10px #333333; 
           z-index:1;

    }
   .leftSide{
        position:absolute;
        float: none;
         width: 200px;
        height: 655px;
        background-color: #97CBFF;
        top: 20px;
         box-shadow: 1px 1px 7px #333333; 
        overflow: hidden;
          z-index: 3;
    }
    .leftPic{
        position: relative;
        left: -100px;
        top: -30px;
        width: 1000px;
        height: 800px;
        opacity: 0.5;
        -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);   
       

    }
    .ha{
        width: 200px;
       height: 40px;
       line-height: 38px;
       background-color:none ;
       font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif; 
       font-size:20px;
       color: black;
       position: absolute;
       text-decoration:none;  /*超链接无下划线*/
      /* padding: 10px 100px;*/
      text-align: center;
      -webkit-transition:all linear 0.30s;  
      -moz-transition:all linear 0.30s;  
      transition:all linear 0.30s;  

    }
    #ha{
     
     left:0px;
     top: 130px;background-color:#59b0fb ;
      
     
}
 #ha1{
   
     left:0px;
     top: 180px;
     
     
}
 #ha2{
    
     left:0px;
     top: 230px;
    
}
 
 .Left a:hover { background-color:#acd6ff; } 

  
   .RightHead{
        position:absolute;
        background-color: white;
        top: 66px;
        left: 200px;
       width: 1080px;
        height: 95px;
        
         z-index: 2;
    }

   .rightHeadPic{
      position:absolute;
      top: 15px;
      left: 100px;
      height: 90px;
        width: 60px;
   }
   .rightHeadTitle{
      position: absolute;
      width:300px;
      height: 25px;
      left: 180px;
      top: 30px;
      font-family: "微软雅黑";
      font-size: 22px;
   }

   #headEdit{
      position:absolute;
      top: 60px;
      left: 140px;
      height: 20px;
      width: 20px;
      cursor: pointer;

   }
   #titleEdit{
    position:absolute;
      top: 50px;
      left: 250px;
      height: 20px;
      width: 20px;
      cursor: pointer;

   }
 
    .rightSide{
          position:absolute;
           z-index: 0.5;
          top: 160px;
          left: 200px;
         width:1080px;
          height: 515px;
          background-color: #ECECFF;
         
    }



   .num{
      position:absolute;
      top: 25px;
      left: 181px;
      height: 40px;
      width:90px; 
      font-size: 18px;
      font-family: "微软雅黑";
   }
    #clubNum{
      position:absolute;
      top: 28px;
      left: 240px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 15px;
   }
  .gender{
      position:absolute;
      top: 50px;
      left: 181px;
      height: 40px;
      width:90px; 
      font-size: 18px;
      font-family: "微软雅黑";
   }
    #Gender{
      position:absolute;
      top: 53px;
      left: 240px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 15px;
   }

    .tel{
      position:absolute;
      top: 75px;
      left: 181px;
      height: 40px;
      font-family: "微软雅黑";
      width:90px; 
      font-size: 18px;
   }
    #Tel{
      position:absolute;
      top: 78px;
      left: 240px;
      height: 40px;
      width: 200px; 
      font-size: 15px;
      font-family: "微软雅黑";
   }
     .schoolnum{
      position:absolute;
      top: 100px;
      left: 181px;
      font-family: "微软雅黑";
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #schoolNUM{
      position:absolute;
      top: 103px;
      left: 240px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 15px;
   }


    .collage{
      position:absolute;
      top: 125px;
      left: 182px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 18px;

    }
     #collageName{
      position:absolute;
      top: 129px;
      left: 240px;
      height: 40px;
      font-family: "微软雅黑";
      width: 400px; 
      font-size: 15px;

    }

.guishu{
   position:absolute;
      top: 150px;
      left: 182px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 18px;

}
#guishuName{
    position:absolute;
      top: 154px;
      left: 270px;
      height: 40px;
      font-family: "微软雅黑";
      width: 400px; 
      font-size: 15px;


}
.job{
  position:absolute;
      top: 175px;
      left: 182px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 18px;

}
#jobName{
  position:absolute;
      top: 178px;
      left: 240px;
      height: 40px;
      font-family: "微软雅黑";
      width: 400px; 
      font-size: 15px;

}



   .name{
      position:absolute;
      top: 25px;
      left:581px;
      height: 40px;
      width:90px; 
      font-size: 18px;
      font-family: "微软雅黑";
   }
    #Name{
      position:absolute;
      top: 29px;
      left: 670px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 15px;
   }
  .birth{
      position:absolute;
      top: 50px;
      left:581px;
      height: 40px;
      width:90px; 
      font-size: 18px;
      font-family: "微软雅黑";
   }
    #birthday{
      position:absolute;
      top: 54px;
      left: 635px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 15px;
   }

    .dom{
      position:absolute;
      top: 100px;
      left: 581px;
      height: 40px;
      font-family: "微软雅黑";
      width:90px; 
      font-size: 18px;
   }
    #domName{
      position:absolute;
      top: 103px;
      left: 670px;
      height: 40px;
      width: 200px; 
      font-size: 15px;
      font-family: "微软雅黑";
   }
     .major{
      position:absolute;
      top: 125px;
      left: 581px;
      font-family: "微软雅黑";
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #majorName{
      position:absolute;
      top: 129px;
      left: 635px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 15px;
   }


    .join{
      position:absolute;
      top: 150px;
      left: 582px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 18px;

    }
     #joinTime{
      position:absolute;
      top: 154px;
      left: 670px;
      height: 40px;
      font-family: "微软雅黑";
      width: 400px; 
      font-size: 15px;

    }

.leave{
   position:absolute;
      top: 175px;
      left: 582px;
      height: 40px;
      width: 200px; 
      font-family: "微软雅黑";
      font-size: 18px;

}
#leaveTime{
    position:absolute;
      top: 178px;
      left: 670px;
      height: 40px;
      font-family: "微软雅黑";
      width: 400px; 
      font-size: 15px;


}



    .RightShadow{
           position:absolute;
           z-index: 0.5;
          top: 66px;
        left: 200px;
       width: 1080px;
          height: 620px;
          box-shadow: 1px 1px 10px #333333; 

}


#headChange{
  position: absolute;
  left: 25%;
  top: 20%;
  width: 300px;
  height: 300px;
  display: block;
  border-radius: 4px;
   box-shadow: 1px 1px 10px #333333; 
  background-color: white;
  z-index: 1001;
  display: none;

}
.zhezhao{
  position: absolute;
  left: 50px;
  top: 10px;
  height:200px; width:200px; 

}
#shuoming{
  position: absolute;
  left: 50px;
  top: 65px;
  height:200px; width:200px; 
  text-align: center;
  font-family: "微软雅黑";
  font-size: 12px;
  z-index: 999;
  color: white;
  cursor: pointer;
}
.wrapper { position: absolute;
  left: 50px;
  top: 10px;
 background:url('../images/zhezhao.png');
 background-size:200px 200px;
height:200px; width:200px; 
overflow:hidden;
 cursor:pointer }
.wrapper input{ opacity:0; height:200px; width:200px;}



#up{
  left: 50px;
  top: 240px;
  position: absolute;
  width: 200px;
  height: 30px;
  background-color: #37a2fe;
  border-radius: 5px;
  font-size: 10px;
  color: black;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
   font-family: "微软雅黑";

}

#x{
    left: 280px;
  top: 3px;
  position: absolute;
   text-decoration: none;
   font-size: 15px;
  color: black;
  font-family: "微软雅黑";

}

 #rightEdit{
          position:absolute;
           z-index: 1;
          top: 160px;
          left: 200px;
         width:1080px;
          height: 515px;
          background-color: #D4D4D4;
          display: none;
          font-family: "微软雅黑";
         
    }

.num1{
      position:absolute;
      top: 29px;
      left: 181px;
      height: 40px;
      font-family: "微软雅黑";
      width:90px; 
      font-size: 18px;
   }
    #clubNum1{
      position:absolute;
      font-family: "微软雅黑";
      top: 24px;
      left: 270px;
     
     
   }
    .gender1{
      position:absolute;
      top: 58px;
      font-family: "微软雅黑";
      left: 181px;
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #Gender1{
      position:absolute;
      font-family: "微软雅黑";
      top: 53px;
      left: 270px;
    
      
   }
   .tel1{
      position:absolute;
      font-family: "微软雅黑";
      top: 88px;
      left: 181px;
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #Tel1{
      font-family: "微软雅黑";
      position:absolute;
      top: 83px;
      left: 270px;
   
   }
    .schoolnum1{
      position:absolute;
      top: 115px;
      font-family: "微软雅黑";
      left: 181px;
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #schoolNUM1{
      position:absolute;
      font-family: "微软雅黑";
      top: 115px;
      left: 270px;
    
   }
    .collage1{
      position:absolute;
      top: 142px;
      font-family: "微软雅黑";
      left: 182px;
      height: 40px;
      width: 200px; 
      font-size: 18px;

    }
      #collageName1{
      position:absolute;
      font-family: "微软雅黑";
      top: 143px;
      left: 270px;
    
   }
    .guishu1{
      position:absolute;
      top: 172px;
      font-family: "微软雅黑";
      left: 182px;
      height: 40px;
      width: 200px; 
      font-size: 18px;

    }
      #guishuName1{
      position:absolute;
      font-family: "微软雅黑";
      top: 172px;
      left: 270px;
    
   }
    .job1{
      position:absolute;
      top: 200px;
      font-family: "微软雅黑";
      left: 182px;
      height: 40px;
      width: 200px; 
      font-size: 18px;

    }
      #jobName1{
      position:absolute;
      font-family: "微软雅黑";
      top: 202px;
      left: 270px;
    
   }



.name1{
      position:absolute;
      top: 29px;
      left: 581px;
      height: 40px;
      font-family: "微软雅黑";
      width:90px; 
      font-size: 18px;
   }
    #Name1{
      position:absolute;
      font-family: "微软雅黑";
      top: 27px;
      left: 670px;
     
     
   }
    .birth1{
      position:absolute;
      top: 58px;
      font-family: "微软雅黑";
      left: 581px;
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #birthday1{
      position:absolute;
      font-family: "微软雅黑";
      top: 56px;
      left: 670px;
    
      
   }
   .dom1{
      position:absolute;
      font-family: "微软雅黑";
      top: 88px;
      left: 581px;
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #domName1{
      font-family: "微软雅黑";
      position:absolute;
      top: 87px;
      left: 670px;
   
   }
    .major1{
      position:absolute;
      top: 119px;
      font-family: "微软雅黑";
      left: 581px;
      height: 40px;
      width:90px; 
      font-size: 18px;
   }
    #majorName1{
      position:absolute;
      font-family: "微软雅黑";
      top: 119px;
      left: 670px;
    
   }
    .join1{
      position:absolute;
      top: 148px;
      font-family: "微软雅黑";
      left: 582px;
      height: 40px;
      width: 200px; 
      font-size: 18px;

    }
      #joinTime1{
      position:absolute;
      font-family: "微软雅黑";
      top: 147px;
      left: 670px;
    
   }
    .leave1{
      position:absolute;
      top: 176px;
      font-family: "微软雅黑";
      left: 582px;
      height: 40px;
      width: 200px; 
      font-size: 18px;

    }
      #leaveTime1{
      position:absolute;
      font-family: "微软雅黑";
      top: 176px;
      left: 670px;
    
   }
    
   .PUT{
       height: 20px;
       width: 144px; 
       background-color:  #D4D4D4;
       border-bottom: 1px;
       text-indent:8px;
       line-height: 10px;
       font-family: "微软雅黑";
       BORDER-TOP-STYLE: none; 
       BORDER-RIGHT-STYLE: none; 
       BORDER-LEFT-STYLE: none; 
       BORDER-BOTTOM-STYLE: solid
   }
   .tx{
      position:absolute;
      top: 170px;
      left: 183px;
      font-size: 12px;
      width: 450px;
      height: 100px;
      border-radius: 5px;
      background-color: #D4D4D4;
      border-bottom: 2px;
      border-bottom-color: grey;
      border-radius: 7px;
      border-bottom-color: grey;
      text-indent:10px;

    }
    #save{
  left: 398px;
  top: 300px;
  position: absolute;
  width: 200px;
  height: 30px;
  background-color: #37a2fe;
  border-radius: 5px;
  font-size: 10px;
  color: black;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
   font-family: "微软雅黑";

}
      .footTitle{
        position:relative;
        margin:20px auto;
        font-family: "微软雅黑";
        font-size: 15px;
        width: 350px;
        height: 65px;
        color: white;
   }
       
 
    .clubFoot{
        position: absolute;
        background-color: #0080FF;
        width: 100%;
        height: 65px;
        top: 675px;
         z-index: 4;
        overflow:hidden;
        min-width:1350px;
        border: 0;

    }